<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>csslayout01</title>
		<link type="text/css" href="css/normalize.css"
			rel="stylesheet" />
		<link type="text/css" href="css/csslayout01.css"
			rel="stylesheet" />	
		<!--[if lt IE 9]>
			<script src="js/html5/html5shiv.js"></script>
		<![endif]-->
	</head>
	<body>
		<header>
			<div id="logo"> </div>
			<div id="qtext">
				<span>Log In</span> or <span>Create Account</span></div>
			<div id="qmenu">
				<ul><li> contact | </li>
				<li> store locator | </li>
				<li> support | </li>
				<li> CART </li></ul>
			</div>
			
		</header><!-- // 머릿글 -->
		<nav>
				<input type="text" />
				<select>
					<option>Category</option><option>Category</option>
					<option>Category</option><option>Category</option>
				</select>
				<button type="button">SEARCH</button>
		</nav><!-- // 상단메뉴 -->
		
		<div id="contents">
			<div id="sect01">
				<aside>
					<ul>
						<li>All categories</li>
						<li>Category 1</li>
						<li>Category 2</li>
						<li>Category 3</li>
						<li>Category 4</li>
						<li>Category 5</li>
						<li>Category 6</li>
					</ul>
				</aside>
				<section>
					<p>[ PROMOTIONAL IMAGES ROTATE HERE ]</p>
					<ul><li>1</li><li>2</li><li>3</li><li>4</li></ul>
				</section>
			</div><!-- // 프로모션 이미지-->
			
			<div id="sect02" class="clearme">
				<h3>Today's Special</h3>
				<ul>
					<li>
						<div class="product"> </div>
						<p>product 1</p>
					</li>
					<li>
						<div class="product"> </div>
						<p>product 2</p>
					</li>
					<li>
						<div class="product"> </div>
						<p>product 3</p>
					</li>
					<li>
						<div class="product"> </div>
						<p>product 4</p>
					</li>
					<li>
						<div class="product"> </div>
						<p>product 5</p>
					</li>
					<li>
						<div class="product"> </div>
						<p>product 6</p>
					</li>					
				</ul>
			</div><!-- // 이미지 목록-->
		</div><!-- // 본문글 -->
		
		<footer>
			<div id="sitemap">
				<ul> 
					<li><h4>ABOUT US</h4></li>
					<li>Company</li>
					<li>News</li>
					<li>Jobs</li>
					<li>Policies</li>
					<li>Contact</li>
				</ul>
				<ul>
					<li><h4>SOCIAL</h4></li>
					<li>Facebook</li>
					<li>Twitter</li>
					<li>Try our app</li>
				</ul>
				<ul>
					<li><h4>SERVICE</h4></li>
					<li>FAQ</li>
					<li>Live Support</li>
					<li>Site map</li>
				</ul>
			</div>
			<div id="copy" class="clearme"> copyright(c) 2013. siestageek. all rights reserved.</div>
		</footer><!-- // 꼬릿글 -->
		
		
		
		
		
		
		
		
	</body>
</html>
